<!-- 切换选项卡 -->
<template>
  <div class="wrapper">
    <van-tabs
      v-model="active"
      swipeable
      sticky
      background="#f6f6f9"
      line-height="2px"
      line-width="50px"
    >
      <van-tab title="为你推荐">
        <recommend />
      </van-tab>
      <van-tab title="自驾心得">
        <experience />
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import Recommend from "./Recommend.vue";
import Experience from "./Experience.vue";
export default {
  name: "ToggleTab",
  components: { Recommend, Experience },
  data() {
    return {
      active: 0,
    };
  },
};
</script>
<style lang='scss' scoped>
::v-deep.wrapper {
  .van-tabs__nav.van-tabs__nav--line {
    .van-tabs__line {
      bottom: 5vw !important;
    }
  }
}
</style>